<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>学子商城</title>
    <!-- 引入公共样式-->
    <link rel="stylesheet" href="../css/public.css"/>
    <!-- 引入首页的样式-->
    <link rel="stylesheet" href="../css/index.css"/>
</head>
<body>
<div class="wrap">
    <div class="header clearFloat">
        <div class="logo"><img src="../image/header/logo.png" alt=""/></div>
        <div class="search clearFloat">
            <div><input type="text" placeholder="搜索..."/></div>
            <div><img src="../image/header/search.png" alt=""/></div>
        </div>
        <div class="icon clearFloat">
            <p><a href=""><img src="../image/header/care.png" alt=""/></a></p>

            <p><a href=""><img src="../image/header/care.png" alt=""/></a></p>

            <p><a href=""><img src="../image/header/care.png" alt=""/></a></p>

            <p><a href="">帮助</a></p>

            <p class="login"><a href="">登录</a></p>
        </div>
    </div>
    <div class="nav">
        <a href="" class="active">首页</a>
        <a href="">生活餐饮</a>
        <a href="">学习用品</a>
        <a href="">私人定制</a>
    </div>
    <div class="banner"><img src="../image/index/index_banner1.png" alt=""/></div>
    <div class="content clearFloat">
        <div class="con1"><img src="../image/index/ge1.png" alt=""/></div>
        <div class="con2"><img src="../image/index/ge2.png" alt=""/></div>
        <div class="con3"><img src="../image/index/ge3.png" alt=""/></div>
    </div>
    <div class="study clearFloat">
        <h3>学习用品</h3>
        <p>爱生活 享品质工作</p>
    </div>
    <div class="ge clearFloat">
        <div class="r_1"><img src="../image/index/kywb.png" alt=""/></div>
        <div class="r_2">
            <p class="r-1"><img src="../image/index/r-1.png" alt=""/></p>

            <p><img src="../image/index/r-2.png" alt=""/></p>
        </div>
    </div>
    <div class="center clearFloat">
        <div>
            <img src="../img/icon1-60x60.png" alt=""/>
            <p class="p1">品质保障</p>
        </div>
        <div>
            <img src="../img/icon2-60x60.png" alt=""/>
            <p class="p2">品质保障</p>
        </div>
        <div>
            <img src="../img/icon3-60x60.png" alt=""/>
            <p>品质保障</p>
        </div>
        <div>
            <img src="../img/icon4-60x60.png" alt=""/>
            <p>品质保障</p>
        </div>
    </div>
    <div class="footer clearFloat">
        <div class="footer_1">
            <p><img src="../image/footer/tedu.png" alt=""/></p>

            <p><img src="../image/footer/footerFont.png" alt=""/></p>
        </div>
        <div class="footer_2 clearFloat">
            <ul>
                <li>卖家帮助</li>
                <li>新手指南</li>
                <li>服务保障</li>
            </ul>
            <ul>
                <li>卖家帮助</li>
                <li>新手指南</li>
                <li>服务保障</li>
            </ul>
            <ul>
                <li>卖家帮助</li>
                <li>新手指南</li>
                <li>服务保障</li>
            </ul>
        </div>
        <div class="footer_3 clearFloat">
            <div>
                <h3>达内商城客户端</h3>

                <p><img src="../image/footer/ios.png" alt=""/></p>

                <p><img src="../image/footer/android.png" alt=""/></p>
            </div>
            <div>
                <img src="../image/footer/erweima.png" alt=""/>
            </div>
        </div>
    </div>
</div>
</body>
</html>